<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<script src="js/rem.js"></script>
		<link href="iconfont/iconfont.css" rel="stylesheet">
		<link href="css/mui.min.css" rel="stylesheet">
		<link href="css/all.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style>
			#he {
				border-radius: 50%;
				padding: 20px;
				width: 80px;
				height: 80px;
			}
			#lin {
				border-radius: 5%;
				padding: 0px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav page" id="header">
			<div class="top-sch-box flex-col">
				<div class="centerflex">
					<img src="images/sousuo.png" >
					<div class="sch-txt">可爱又迷人的反派角色</div>
					<span class="shaomiao"><i class="iconfont icon-saoma"></i></span>
				</div>
			</div>
			<a class="btn" href="xiaoxiliebiao.html">
				<i class="iconfont icon-tixing"></i>
			</a>
			<a class="btn" href="shopcar.html">
				<i class="iconfont icon-cart"></i>
			</a>
		</header>

		<div id="main" class="mui-clearfix">
			<!-- 搜索层 -->
			<div class="pop-schwrap">
				<div class="ui-scrollview">
					<div class="mui-bar mui-bar-nav clone">
						<a class="btn btn-back" href="javascript:;"></a>
						<div class="top-sch-box flex-col">
							<div class="centerflex">
								<input class="sch-input mui-input-clear" type="text" name="" id=""
									placeholder="端午快放假了!!!" />
							</div>
						</div>
						<a class="mui-btn mui-btn-primary sch-submit" href="search.html"
							style="background-color: deepskyblue;">搜索</a>
					</div>
					<div class="scroll-wrap">
						<div class="mui-scroll">
							<div class="sch-cont">
								<div class="section ui-border-b">
									<div class="tit"><i class="iconfont icon-hot"></i>热门搜索</div>
									<div class="tags">
										<span class="tag">儿童节怎么过</span><span class="tag">儿童节去哪儿玩</span><span
											class="tag">答辩怎么办才好</span><span class="tag">我想买鞋子</span>
										<span class="tag actice">我好困</span><span class="tag">我想睡觉</span><span
											class="tag">端午要到了</span><span class="tag">爽！爽啊~</span>
										<span class="tag">外套</span><span class="tag actice">何阿姨很凶的QvQ 离她远点</span><span
											class="tag">改不完的代码orz</span>
									</div>
								</div>
								<div class="section">
									<div class="tit"><i class="iconfont icon-time"></i>最近搜索</div>
									<div class="tags">
										<span class="tag">儿童节放几天</span><span class="tag">端午快点来</span><span
											class="tag">我顶不住了</span><span class="tag">怎么这几周事情这么多啊</span>
									</div>
								</div>
							</div>
							<div class="sch-clear">
								<a href="javascript:void"><i class="iconfont icon-shanchu"></i>清除搜索历史</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="mui-content">
				<div class="banner swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy"
									data-src="images/haibao0.png" alt=""></a></div>
						<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy"
									data-src="images/lbt0.jpg" alt=""></a></div>
						<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy"
									data-src="images/lbt2.jpg" alt=""></a></div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
<br />
				<div class="home-qnav ui-box">
					<div class="ui-flex flex-justify-sb">
						<div><a href="#"><img src="images/daka.png" class="ico" /><span
									class="name">打卡</span></a></div>
						<div><a href="map.html"><img src="images/luxian.png" class="ico" /><span
									class="name">路线</span></a></div>
						<div><a href="weather.html"><img src="images/tianqi.png" class="ico" /><span
									class="name">天气</span></a></div>
						<div><a href="list.html"><img src="images/gonglve.png" class="ico" /><span
									class="name">攻略</span></a></div>
					</div>
				</div>

				<div class="home-newgoods ui-box">
					<br />
					<header>
						<h4 align="center">
							每日运动排行榜</h4>
					</header><br />
					<div class="list-type1 plist-puzzle">
						<table align="center" cellspacing="200" cellpadding="200">
							<tr>
								<th align="center">排名</th>
								<th align="center">头像</th>
								<th align="center">用户名</th>

								<th align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;步数</th>
							</tr>
							<tr>
								<td align="center">No.1</td>

								<td align="center"><a href="#"><img src="images/toume.jpg" id="he" /></a></td>
								<td align="center">吼吼吼</td>
								<td align="center"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;158214</td>
							</tr>
							<tr>
								<td>No.2</td>
								<td><a href="#"><img src="images/touhe.jpg" id="he" /></a></td>
								<td>何仙女嘛</td>
								<td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 14327</td>
							</tr>
							<tr>
								<td>No.3</td>
								<td><a href="#"><img src="images/touda.jpg" id="he" /></a></td>
								<td>嘎嘎姐</td>
								<td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 9230</td>
							</tr>
							<tr>
								<td>No.4</td>
								<td><a href="#"><img src="images/touhuang.jpg" id="he" /></a></td>
								<td>巧妹子</td>
								<td align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1</td>
							</tr>
						</table>
					</div>
				</div>

			<footer class="page-footer fixed-footer" id="footer">
				<ul>
					<li class="active">
						<a href="index.html">
							<img src="images/footer01.png" />
							<p style="color: #37b5f8;"s>首页</p>
						</a>
					</li>
					<li>
						<a href="assort.html">
							<img src="images/footer002.png" />
							<p style="color: #37b5f8;">商城</p>
						</a>
					</li>
					<li>
						<a href="shopcar.html">
							<img src="images/footer003.png" />
							<p style="color: #37b5f8;">购物车</p>
						</a>
					</li>
					<li>
						<a href="self.html">
							<img src="images/footer004.png" />
							<p style="color: #37b5f8;">个人中心</p>
						</a>
					</li>
				</ul>
			</footer>

	</body>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="js/fastclick.js"></script>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/hmt.js"></script>
	<!--插件-->
	<link rel="stylesheet" href="js/swiper/swiper.min.css">
	<script src="js/swiper/swiper.jquery.min.js"></script>
	<!--插件-->
	<script src="js/global.js"></script>
	<script>
		$(function() {
			var banner = new Swiper('.banner', {
				autoplay: 5000,
				pagination: '.swiper-pagination',
				paginationClickable: true,
				lazyLoading: true,
				loop: true
			});

			mui('.pop-schwrap .sch-input').input();
			var deceleration = mui.os.ios ? 0.003 : 0.0009;
			mui('.pop-schwrap .scroll-wrap').scroll({
				bounce: true,
				indicators: true,
				deceleration: deceleration
			});
			$('.top-sch-box .fdj,.top-sch-box .sch-txt,.pop-schwrap .btn-back').on('click', function() {
				$('html,body').toggleClass('holding');
				$('.pop-schwrap').toggleClass('on');
				if ($('.pop-schwrap').hasClass('on')) {
					;
					$('.pop-schwrap .sch-input').focus();
				}
			});

		});
	</script>
</html>
